<!DOCTYPE html>
<html lang="zh-CN">
<!-- InstanceBegin template="/Templates/templete.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="Keywords" content="星创实验室,江苏海院,信息工程学院,高校,科技,互联网">
<meta name="description" content="星创实验室">
<meta name="author" content="星创实验室前端开发组">
<!-- InstanceBeginEditable name="doctitle" -->
<title>星创实验室官方网站-首页</title>
<!-- InstanceEndEditable -->
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- InstanceBeginEditable name="head" -->
<!-- Custom styles for this template -->
<link href="css/modern-business.css" rel="stylesheet">
<link href="css/mystyle.css" rel="stylesheet">
<!-- InstanceEndEditable -->
</head>

<body>
<!-- Navigation -->
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top">
  <div class="container"> <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="logo"></a>
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
    <div class="collapse navbar-collapse " id="navbarResponsive">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item"> <a class="nav-link" href="index.html">首页</a> </li>
        <li class="nav-item"> <a class="nav-link" href="about.html">实验室概况</a> </li>
        <li class="nav-item"> <a class="nav-link" href="show.html">成果展示</a> </li>
        <li class="nav-item"> <a class="nav-link" href="info.html">信息中心</a> </li>
        <li class="nav-item"> <a class="nav-link" href="cooperation.html">合作交流</a> </li>
        <li class="nav-item"> <a class="nav-link" href="blog.html">博客文档</a> </li>
        <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 加入我们 </a>
          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog"> <a class="dropdown-item" href="rencai.html">人才招聘</a> <a class="dropdown-item" href="students.html">实习生计划</a> <a class="dropdown-item" href="questions.html">相关问题</a> </div>
        </li>
      </ul>
    </div>
  </div>
</nav>
<!-- InstanceBeginEditable name="body" -->
<header>
  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
      <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
      <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner" role="listbox"> 
      <!-- Slide One - Set the background image for this slide in the line below -->
      <div class="carousel-item active" style="background-image: url(img/001.jpg)">
        <div class="carousel-caption d-none d-md-block text-left">
          <h3>星创实验室</h3>
          <p>星创实验室(Start Creation Laboratory）成立于2018年5月，隶属于江苏海事学院信息工程学院。目前拥有成员17人，研究小组3个。</p>
          <br />
          <br />
          <br />
        </div>
      </div>
      <!-- Slide Two - Set the background image for this slide in the line below -->
      <div class="carousel-item" style="background-image: url(img/002.jpg)">
        <div class="carousel-caption d-none d-md-block text-center">
          <h3>大数据组</h3>
          <p>"大数据"是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。我们大数据组拥有9名成员。</p>
          <br />
          <br />
          <br />
        </div>
      </div>
      <!-- Slide Three - Set the background image for this slide in the line below -->
      <div class="carousel-item" style="background-image: url(img/003.jpg)">
        <div class="carousel-caption d-none d-md-block text-right">
          <h3>软件测试组</h3>
          <p>软件测试是当前保证软件产品质量控制、管理与检测的重要手段，越来越受到企业的关注。目前，我们有5名软件测试成员。</p>
          <br />
          <br />
          <br />
        </div>
      </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
</header>
<!-- Content --> 
<!-- 网页背景 start-->
<div class="container-fluid bg_1 fixed-top"> </div>
<!-- 网页背景 end-->
<div class="container-fluid bg-white"> </div>
<div class="container-fluid div_tittle text-center">
  <h2>产品与业务能力</h2>
  <div class="div_tittle_line"></div>
</div>
<div class="container-fluid div_content h-100">
  <div class="container"> 
    <!-- Marketing Icons Section -->
    <div class="row" style="padding-top: 25px">
      <div class="col-lg-4 mb-4 ">
        <div class="card h-100 text-center">
          <div class="card-body">
            <div class="row">
              <div class="col-lg-4 mb-4 m-auto"> <img src="img/mini_png/bigdata.png" alt=""> </div>
              <div class="col-lg-8 mb-8">
                <h5>大数据分析</h5>
                <p>针对场景大数据进行分析并给出分析报告。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 mb-4 ">
        <div class="card h-100 text-center">
          <div class="card-body">
            <div class="row">
              <div class="col-lg-4 mb-4 m-auto"> <img src="img/mini_png/cweb.png" alt=""> </div>
              <div class="col-lg-8 mb-8">
                <h5>网站开发运维</h5>
                <p>全行业小微型企业网站的开发与运维。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 mb-4 ">
        <div class="card h-100 text-center">
          <div class="card-body">
            <div class="row">
              <div class="col-lg-4 mb-4 m-auto"> <img src="img/mini_png/set.png" alt=""> </div>
              <div class="col-lg-8 mb-8">
                <h5>应用环境部署</h5>
                <p>常见应用程序与依赖环境的安装部署。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 mb-4 ">
        <div class="card h-100 text-center">
          <div class="card-body">
            <div class="row">
              <div class="col-lg-4 mb-4 m-auto"> <img src="img/mini_png/wechat.png" alt=""> </div>
              <div class="col-lg-8 mb-8">
                <h5>自媒体运营</h5>
                <p>全平台自媒体平台的托管与代运营。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 mb-4 ">
        <div class="card h-100 text-center">
          <div class="card-body">
            <div class="row">
              <div class="col-lg-4 mb-4 m-auto"> <img src="img/mini_png/idc.png" alt=""> </div>
              <div class="col-lg-8 mb-8">
                <h5>IDC代理备案</h5>
                <p>帮助个人/企业用户进行网站工信部备案。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 mb-4 ">
        <div class="card h-100 text-center">
          <div class="card-body">
            <div class="row">
              <div class="col-lg-4 mb-4 m-auto"> <img src="img/mini_png/knowelge.png" alt=""> </div>
              <div class="col-lg-8 mb-8">
                <h5>知识产权代理</h5>
                <p>帮助个人/企业进行相关知识产权的注册。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /.row --> 
  </div>
</div>
<div class="container-fluid div_tittle div_tittle_1 text-center">
  <h2>时代前沿的研究方向</h2>
  <div class="div_tittle_p">大数据应用、软件测试、前端开发</div>
  <span class="triangle"></span> </div>
<div class="container-fluid div_content h-100">
  <div class="container"> 
    <!-- Marketing Icons Section -->
    <div class="row" style="padding-top: 50px">
      <div class="col-lg-4 mb-4 m_auto">
        <div class="card h-100 text-center">
          <div class="card-body">
            <div> <img src="img/mini_png/bigdata.png" alt="大数据" > </div>
            <h4>大数据应用</h4>
            <p class="card-text text-style text-left">大数据是指无法在一定时间内用常规软件工具对其内容进行抓取、管理和处理的数据集合。大数据技术，是指从各种各样类型的数据中，快速获得有价值信息的能力。适用于大数据的技术，包括大规模并行处理（MPP）数据库，数据挖掘电网，分布式文件系统，分布式数据库，云计算平台，互联网，和可扩展的存储系统。</p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 mb-4 m_auto">
        <div class="card h-100 text-center">
          <div class="card-body">
            <div> <img src="img/mini_png/software.png" alt="软件测试" > </div>
            <h4>软件测试</h4>
            <p class="card-text text-style text-left">软件测试有许多方法，但对复杂的产品运行有效测试不仅仅是研究过程，更是创造并严格遵守某些呆板步骤的大事。测试的其中一个定义：为了评估而质疑产品的过程；这里的“质疑”是测试员试着对产品做的事，而产品以测试者脚本行为反应作为回答。虽然大部分测试的智力过程不外乎回顾、检查，然而“测试”这个词意味着产品动态分析──让产品流畅运行。</p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 mb-4 m_auto">
        <div class="card h-100 text-center">
          <div class="card-body">
            <div> <img src="img/mini_png/web.png" alt="前端开发" > </div>
            <h4>前端开发</h4>
            <p class="card-text text-style text-left">Web前端开发是从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。</p>
          </div>
        </div>
      </div>
    </div>
    <!-- /.row --> 
  </div>
</div>
<div class="container-fluid div_tittle text-center">
  <h2>创新好玩的游戏</h2>
  <div class="div_tittle_line"></div>
</div>
<div class="container-fluid div_content box">
  <div><img class="box_img" src="img/i_1.jpg" alt=""></div>
  <div><img class="box_img" src="img/i_2.jpg" alt=""></div>
  <div><img class="box_img" src="img/i_3.jpg" alt=""></div>
  <div><img class="box_img" src="img/i_4.jpg" alt=""></div>
  <div><img class="box_img" src="img/i_5.jpg" alt=""></div>
</div>
<div class="container-fluid div_tittle text-center">
  <h2>青春活力的团队</h2>
  <div class="div_tittle_line"></div>
</div>
<div class="container-fluid div_content_rgba"> </div>
<div class="container-fluid footer-banner text-center text-white">
  <div class="footer-bubble bubble-1"></div>
  <div class="footer-bubble bubble-2"></div>
  <div class="footer-bubble bubble-3"></div>
  <div class="col-lg-12 mb-12 f_1">
    <p style="font-size: 34px">与优秀的人，做非凡的事</p>
  </div>
</div>
<!-- InstanceEndEditable --> 
<!-- Footer -->
<footer class="py-5 bg-dark text-white-50 footer-text">
  <center>
    <span class="text-"><img src="img/1.png" alt="备案标识" style="height:16px; display: inline-block; vertical-align: middle" /> <a href="http://www.miibeian.gov.cn" class="text-white-50" target="_blank">鲁ICP备17017223号</a> | 存储服务由 <a href="https://www.qiniu.com/" target="_blank"><img src="img/img-horizontal-white-en.png" style="height: 16px" alt="七牛云" /></a> 提供赞助 | 服务器由<a href="http://idcs.vip" target="_blank" class="text-white-50">创客云</a>提供赞助<br/>
    实验室地址：江苏省南京市江宁区淳化街道格致路309号致德楼E101 <br/>
    Copyright &copy; 2018 星创实验室 All Rights Reserved.</span>
  </center>
</footer>
<!-- Bootstrap core JavaScript --> 
<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.bundle.min.js"></script> 
<!-- InstanceBeginEditable name="script" --> <!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd -->
</html>
